    /*
    @规则
        @charset 设置样式表的编码
        @import  导入其他样式文件
        @meida   媒体查询（查询用户尺寸）
        @font-face  自定义字体(图标)
    */

    @import 'reset.css';
    @font-face {
        font-family: 'iconfont';
        src: url('../font/iconfont.eot');
        src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), url('../font/iconfont.woff2') format('woff2'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg#iconfont') format('svg');
    }

    .iconfont {
        font-family: "iconfont" !important;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        /*抗锯齿渲染*/
    }

    #headMessage li {
        float: left;
        line-height: 35px;
        padding: 0 6px;
        font-size: 0;
    }

    #headMessage a {
        color: #6c6c6c;
        font-size: 12px;
    }

    #headMessage a:hover {
        color: #f40;
    }

    #headMessage a.login {
        color: #f22e00;
    }

    #headMessage span {
        font-size: 12px;
    }

    #headMessage span.arrow {
        margin-left: 7px;
    }

    #headMessage li strong {
        font-size: 12px;
        color: #f22e00;
    }

    #headMessage li span.store {
        color: #9c9c9c;
    }

    #headMessage li.line {
        font-size: 12px;
        color: #DDD;
        padding: 0 5px;
    }

    /*头部广告*/

    #headAd {
        background: #f12f04;
    }

    #headAd .go {
        display: block;
        padding: 10px 10px 10px 15px;
    }

    #headAd .go img {
        height: 80px;
        width: 80px;
    }

    #headAd ul {
        margin-top: 13px;
    }

    #headAd li {
        float: left;
        width: 209px;
        height: 75px;
        margin-right: 10px;
        padding: 12px 15px 0px 15px;
        box-sizing: border-box;
        /*
         box-sizing: border-box;
        1.标准盒模型
        （总宽度==border（左右）+width+padding(左右)）
        （总高度==border（上下）+height+padding(上下)）
        2.ie盒子模型（怪异盒模型）
        （总宽度=width）
        （总高度=height）
        */
    }

    #headAd li h3 {
        font-size: 20px;
        line-height: 28px;
    }

    #headAd li p {
        font-size: 14px;
        line-height: 20px;
    }

    #headAd li a {
        color: #fff;
    }

    #headAd li a img {
        width: 52px;
        height: 52px;
        border-radius: 5px;
    }

    #headAd li.item1 {
        background: url(../images/adbg.png) no-repeat;
    }

    #headAd li.item2 {
        background: url(../images/adbg.png) no-repeat;
    }

    #headAd li.item3 {
        background: url(../images/adbg.png) no-repeat;
    }

    #headAd li.item4 {
        background: url(../images/adbg.png) no-repeat;
    }

    #headAd li.item5 {
        background: url(../images/adbg.png) no-repeat;
        margin-right: 0;
    }

    /*头部搜索*/

    #headSearch {
        background-color: #fff;
        padding: 24px 0 10px 0;
    }

    #headSearch h1 a {
        display: block;
        width: 190px;
        height: 58px;
        background: url(../images/logo.png) no-repeat;
        text-indent: -9999px;
        overflow: hidden;
        margin-top: 8px;
    }

    #headSearch .code {
        width: 72px;
        height: 86px;
        border: 1px solid #eeeeee;
        position: relative;
        margin-right: 110px;
        text-align: center;
    }

    #headSearch .code img {
        width: 62px;
        height: 62px;
    }

    #headSearch .close {
        position: absolute;
        left: -16px;
        top: -1px;
        width: 14px;
        height: 14px;
        line-height: 14px;
        font-size: 14px;
        border: 1px solid #eeeeee;
        color: #ddd;
        cursor: pointer;
    }

    #headSearch .search {
        width: 630px;
        margin: 0 auto;
    }

    #headSearch .searchTab {
        height: 22px;
        padding-left: 17px;
    }

    #headSearch .searchTab li {
        float: left;
        width: 36px;
        line-height: 22px;
        margin-left: 4px;
        text-align: center;
        color: #f40;
        cursor: pointer;
    }

    #headSearch .searchTab li:hover {
        background-color: #ffeee5;
    }

    #headSearch .searchTab li.active {
        background: pink;
        color: #fff;
        font-weight: bold;
        background-image: linear-gradient(to right, #ff9000 0, #ff5000 100%);
        border-radius: 6px 6px 0px 0px;
    }

    #headSearch .searchContent {
        height: 40px;
    }

    #headSearch .searchBox {
        width: 554px;
        height: 40px;
        box-sizing: border-box;
        border: 2px solid #ff5000;
        border-radius: 20px 0px 0px 20px;
        border-right: none;
        overflow: hidden;
        position: relative;
    }

    #headSearch .searchBox input {
        width: 490px;
        height: 36px;
        line-height: 36px;
        outline: none;
        border: none;
        text-indent: 15px;
        position: absolute;
        z-index: 2;
        background-color: transparent;
        /*透明为了见到后面的文字*/
    }

    #headSearch .placehoder {
        position: absolute;
        top: 6px;
        left: 14px;
    }

    #headSearch .placehoder span {
        color: #9c9c9c;
        vertical-align: 1px;
    }

    #headSearch .imgearch {
        font-size: 25px;
        position: absolute;
        top: -2px;
        cursor: pointer;
        right: 20px;
        color: #9c9c9c;
    }

    #headSearch .searchContent Button {
        width: 74px;
        height: 40px;
        text-align: center;
        color: #fff;
        font-size: 18px;
        line-height: 40px;
        border: none;
        background-image: linear-gradient(to right, #ff9000 0, #ff5000 100%);
        border-radius: 0 20px 20px 0;
    }

    #headSearch .hotKey {
        height: 25px;
        line-height: 25px;
    }

    #headSearch .hotKey a:hover {
        color: #f50;
    }

    /*导航部分*/

    #nav h2 {
        width: 190px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        color: #fff;
        text-align: center;
        background-color: #f50;
    }

    #nav ul {
        margin-left: 190px;
        height: 30px;
        width: calc( 100% - 190px);
        /*自动计算的方法IE9+*/
        background-image: linear-gradient(to right, #ff9000 0, #ff5000 100%);
    }

    #nav ul li {
        float: left;
        line-height: 30px;
        margin: 0 7px;
        font-size: 14px;
        padding: 0 5px;
        color: #fff;
        position: relative;
    }

    #nav ul li.size {
        font-size: 16px;
    }

    #nav ul li a {
        color: #fff;
        font-weight: bold;
    }

    #nav ul li.line {
        margin: 0;
        padding: 0px;
    }

    #nav ul li:hover:before {
        content: '';
        position: absolute;
        width: 23px;
        height: 13px;
        background-image: url(../images/nav.png);
        top: -12px;
        left: 50%;
        margin-left: -12px;
    }

    /*首屏内容*/

    /*侧边导航*/

    #fistScreen .firstLeft {
        width: 890px;
    }

    /*左边导航栏*/

    #fistScreen .firstLeft .sideNav {
        width: 190px;
        height: 522px;
    }

    #fistScreen .firstLeft .sideNav {
        width: 190px;
        height: 522px;
        background: #fff;
        border: 1px solid #ff5000;
        box-sizing: border-box;
        border-top: none;
        padding-top: 5px;
    }

    #fistScreen .firstLeft .sideNav li {
        line-height: 32px;
        height: 32px;
        padding-left: 25px;
        font-size: 14px;
        color: #999;
        transition: background-color 0.3s;
    }

    #fistScreen .firstLeft .sideNav li a {
        font-size: 14px;
        color: #666;
    }

    #fistScreen .firstLeft .sideNav li span {
        font-size: 12px;
        margin-right: 5px;
    }

    #fistScreen .firstLeft .sideNav li:hover {
        background-color: #ffe4dc;
        color: #F50;
    }

    #fistScreen .firstLeft .sideNav li:hover a {
        color: #f50;
    }

    #fistScreen .firstLeft .sideNav a:hover {
        text-decoration: underline;
    }

    /*图片一容器*/

    #fistScreen .firstLeft .img1Box {
        width: 690px;
        height: 282px;
        margin-top: 10px;
    }

    #fistScreen .firstLeft .pic {
        width: 520px;
        position: relative;
    }

    #fistScreen .firstLeft .pic:hover button {
        display: block;
        transition: display 0.8s;
    }

    #fistScreen .firstLeft .pic button {
        width: 25px;
        height: 30px;
        line-height: 30px;
        color: #fff;
        cursor: pointer;
        border: none;
        background-color: rgba(0, 0, 0, 0.3);
        /*支持情况ie9+*/
        background-color: #000/9;
        /*ie9以下可以识别*/
        filter: alpha(opacity=30);
        /*滤镜*/
        position: absolute;
        top: 50%;
        margin-top: -15px;
        display: none;
    }

    #fistScreen .firstLeft .pic .rightBtn {
        right: 0;
        border-radius: 15px 0 0 15px;
    }

    #fistScreen .firstLeft .pic .leftBtn {
        left: 0;
        border-radius: 0 15px 15px 0;
    }

    #fistScreen .firstLeft .pic .circle {
        position: absolute;
        bottom: 15px;
        left: 50%;
        border-radius: 10px;
        padding: 3px 0;
        margin-left: -35px;
        font-size: 0;
        background-color: rgba(255, 255, 255, 0.3)
    }

    #fistScreen .firstLeft .pic .circle span {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #fff;
        margin: 0 3px;
        cursor: pointer;
    }

    #fistScreen .firstLeft .pic .circle .active {
        background-color: #f40;
    }

    .firstLeft .ad {
        width: 160px;
    }

    .firstLeft .ad img {
        width: 160px;
    }

    /*图片二容器*/

    #fistScreen .firstLeft .img2Box {
        width: 690px;
        height: 220px;
        margin-top: 10px;
    }

    #fistScreen .firstLeft .img2Box .img {
        width: 520px;
        height: 200px;
        color: #fff;
        position: relative;
        /*1.图片特殊的垂直居中方法   单元格的特殊用法*/
        display: table-cell;
        vertical-align: middle;
        /*2.弹性盒子模型IE10+以上支持*/
        /*display: flex;
        justify-content: space-around;
        align-items: center;*/
    }

    #fistScreen .firstLeft .img2Box .img img {
        margin: 0px 3px;
    }

    #fistScreen .firstLeft .img2Box .picTitle {
        height: 20px;
    }

    #fistScreen .firstLeft .img2Box .picTitle .text {
        height: 17px;
        line-height: 17px;
    }

    #fistScreen .firstLeft .img2Box .picTitle .bg {
        background: url(../images/tm1.png) no-repeat left;
        padding-left: 136px;
        columns: #666;
    }

    #fistScreen .firstLeft .img2Box .picTitle i {
        color: #ff1648;
    }

    #fistScreen .firstLeft .img2Box .picTitle .line {
        height: 3px;
        background-color: #ff1648;
        position: relative;
    }

    #fistScreen .firstLeft .img2Box .picTitle .line span {
        width: 87px;
        height: 3px;
        background-color: #000;
        position: absolute;
        left: 0;
    }

    /*新闻容器*/

    #fistScreen .firstLeft .news {
        width: 890px;
        height: 100px;
        background-color: #FFF;
        margin-top: 10px;
        box-sizing: border-box;
        padding: 13px 13px 13px 20px;
    }

    #fistScreen .firstLeft .news .hd {
        margin-top: 15px;
    }

    #fistScreen .firstLeft .news .hd h3 {
        width: 129px;
        height: 26px;
        background: url(../images/tt.png) no-repeat;
        text-indent: -9999px;
        overflow: hidden;
    }

    #fistScreen .firstLeft .news .hd p {
        color: #999;
        height: 24px;
        line-height: 24px;
    }

    #fistScreen .firstLeft .news .newList {
        width: 680px;
        position: relative;
    }

    #fistScreen .firstLeft .news .newList .img {
        margin-right: 15px;
    }

    #fistScreen .firstLeft .news .newList .img img {
        width: 130px;
        height: 73px;
        ;
    }

    #fistScreen .firstLeft .news .newList h4 {
        line-height: 28px;
        font-size: 16px;
        font-weight: normal;
    }

    #fistScreen .firstLeft .news .newList h4 a {
        color: #333;
    }

    #fistScreen .firstLeft .news .newList h4 a:hover {
        color: #ff500f;
    }

    #fistScreen .firstLeft .news .newList p {
        line-height: 18px;
        font-size: 14px;
        font-weight: normal;
    }

    #fistScreen .firstLeft .news .newList p a {
        color: #999;
    }

    #fistScreen .firstLeft .news .newList .more {
        position: absolute;
        color: #999;
        top: 0;
        right: 0;
    }

    #fistScreen .firstLeft .news .newList .more:hover {
        color: #ff6600;
    }

    /*用户容器*/

    #fistScreen .firstRight {
        width: 290px;
        margin-top: 10;
        position: relative;
    }

    /*用户*/

    #fistScreen .firstRight .user {
        height: 140px;
        background-image: url(../images/userbg.jpg);
        text-align: center;
        padding-top: 5px;
    }

    #fistScreen .firstRight .user .avatar img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
    }

    #fistScreen .firstRight .user .username {
        text-align: center;
        line-height: 16px;
    }

    #fistScreen .firstRight .user .members {
        text-align: center;
        font-size: 0;
    }

    #fistScreen .firstRight .user .members a {
        display: inline-block;
        font-size: 12px;
        border-radius: 9px;
        background: #ffe4dc;
        padding: 0px 10px 0px 20px;
        margin: 0 2px;
    }

    #fistScreen .firstRight .user .btn {
        margin-top: 12px;
    }

    #fistScreen .firstRight .user .btn button {
        width: 75px;
        background-image: linear-gradient(to right, #ff5000 0, #ff6f06 100%);
        line-height: 25px;
        text-align: center;
        border-style: none;
        color: #fff;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 700;
    }

    #fistScreen .firstRight .user .btn .login {
        width: 92px;
    }

    #fistScreen .firstRight .tipOff {
        display: block;
        height: 26px;
        line-height: 26px;
        color: #f40;
        background: #ffe4dc;
        text-align: center;
    }

    #fistScreen .firstRight .tipOff i {
        font-size: 15px;
        vertical-align: middle;
        position: relative;
        left: 30px;
    }

    /*公告区*/

    #fistScreen .firstRight .notice {
        height: 108px;
        background-color: #FFF;
    }

    #fistScreen .firstRight .notice .title {
        text-align: center;
        font-size: 0px;
        padding-top: 10px;
    }

    #fistScreen .firstRight .notice .title li {
        display: inline-block;
        font-size: 12px;
        line-height: 20px;
        padding: 0 4px;
        margin: 0 10px;
    }

    #fistScreen .firstRight .notice .title .active {
        font-weight: bold;
        border-bottom: 2px solid #f40;
    }

    #fistScreen .firstRight .notice .title a:hover {
        color: #f40;
    }

    #fistScreen .firstRight .notice .content {
        margin: 0 12px;
        padding-top: 10px;
        ;
    }

    #fistScreen .firstRight .notice .content .item {
        width: 100%;
    }

    #fistScreen .firstRight .notice .content li {
        height: 25px;
        line-height: 25px;
        float: left;
        width: 130px;
        ;
        overflow: hidden;
    }

    #fistScreen .firstRight .notice .content li a:hover, #fistScreen .firstRight .notice .content .item a {
        color: #ff5000;
    }

    /*图标区域*/

    #fistScreen .firstRight .icon {
        height: 231px;
        width: 100%;
        background-color: #fff;
        table-layout: fixed;
        /*自动分配列宽*/
    }

    #fistScreen .firstRight td {
        border: 1px solid #f4f4f4;
        text-align: center;
    }

    #fistScreen .firstRight td span {
        display: block;
        width: 24px;
        height: 24px;
        margin: 0 auto;
        background: url(../images/css_sprites.png) no-repeat;
    }

    #fistScreen .firstRight td i {
        line-height: 34px;
        color: #333;
    }

    #fistScreen .firstRight .item1 span {
        background-position: -10px -10px;
    }

    #fistScreen .firstRight .item2 span {
        background-position: -10px -54px;
    }

    #fistScreen .firstRight .item3 span {
        background-position: -10px -406px;
    }

    #fistScreen .firstRight .item4 span {
        background-position: -10px -186px;
    }

    #fistScreen .firstRight .item4 span {
        background-position: -10px -230px;
    }

    #fistScreen .firstRight .item5 span {
        background-position: -10px -450px;
    }

    #fistScreen .firstRight .item6 span {
        background-position: -10px -274px;
    }

    #fistScreen .firstRight .item7 span {
        background-position: -10px -318px;
    }

    #fistScreen .firstRight .item8 span {
        background-position: -10px -362px;
    }

    #fistScreen .firstRight .item9 span {
        background-position: -10px -40p6x;
    }

    /*阿里APP区域*/

    #fistScreen .firstRight .app {
        height: 111px;
        background-color: #fff;
    }

    #fistScreen .firstRight .app title {
        height: 30px;
        line-height: 30px;
    }

    #fistScreen .firstRight .app h3 {
        font-size: 14px;
        padding-left: 14px;
    }

    #fistScreen .firstRight .app a {
        margin-right: 10px;
    }

    #fistScreen .firstRight .app a:hover {
        color: #f40;
    }

    #fistScreen .firstRight .app .appIcon {
        text-align: center;
        font-size: 0px;
    }

    #fistScreen .firstRight .app .appIcon li {
        width: 32px;
        height: 32px;
        display: inline-block;
        margin: 0 10px 8px 10px;
    }

    #fistScreen .firstRight .app .appIcon li img {
        width: 32px;
        height: 32px;
    }

    /*有好货*/

    .goods {
        width: 590px;
        height: 658px;
        background: #fff;
        margin-top: 10px;
        overflow: hidden;
    }

    .goods .head {
        height: 24px;
        line-height: 24px;
        margin: 20px 0;
        padding: 0 20px;
        overflow: hidden;
        /*去除mt*/
    }

    .goods .head h3 {
        font-size: 0px;
        font-weight: normal;
    }

    .goods .head h3 img {
        height: 24px;
    }

    .goods .head h3 span {
        vertical-align: middle;
        color: #ccc;
        font-size: 20px;
        margin: 0 5px;
    }

    .goods .head h3 i {
        font-size: 12px;
        vertical-align: middle;
        color: #999;
    }

    .goods .head a {
        color: #999;
    }

    .goods .list {
        font-size: 0px;
        text-align: center;
    }

    .goods .list li {
        width: 180px;
        display: inline-block;
        margin: 0px 2px 35px 2px;
        text-align: left;
    }

    .goods .list li img {
        width: 180px;
        height: 180px;
    }

    .goods .list li h4 {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
        font-weight: normal;
    }

    .goods .list li h4 a {
        color: #3c3c3c;
    }

    .goods .list li h4 a:hover {
        color: #f40;
    }

    .goods .list li .text {
        font-size: 14px;
        height: 24px;
        line-height: 24px;
        font-size: 14px;
        color: #999;
        overflow: hidden;
    }

    .goods .list li .conment {
        margin-top: 12px;
        display: block;
        height: 22px;
        line-height: 22px;
        font-size: 14px;
        color: #35b1ff;
    }

    .goods .list li .conment span {
        font-size: 14px;
        margin-right: 4px;
    }

    /*爱逛街*/

    .shoping .shoping .list li .text {
        height: 44px;
        line-height: 22px;
        font-size: 14px;
        overflow: hidden;
        margin-top: 11px;
    }

    .shoping .list li .text span {
        font-size: 14px;
        color: #ebebeb;
        position: relative;
        top: -5px;
    }

    .shoping .list li .text {
        overflow: visible;
    }

    .shoping .list li .text a {
        color: #999;
    }

    .shoping .list li p {
        font-size: 14px;
        margin-top: 11px;
    }

    .shoping .list li .text a:hover {
        color: #f40;
    }

    .shoping .list li .conment {
        display: block;
        padding-top: 16px;
    }

    .shoping .list li .conment i {
        color: #999;
    }

    .shoping .list li .conment img {
        width: 22px;
        height: 22px;
        border-radius: 50%;
    }

    /*导航部分*/

    #tool {
        height: 350px;
        position: fixed;
        top: 280px;
        display: block;
        right: 50%;
        width: 50px;
        text-align: center;
        margin-right: -655px;
    }

    #tool span {
        position: absolute;
        top: -28px;
        left: 0px;
        font-size: 32px;
        width: 50px;
        height: 36px;
        color: #ff7f13;
        line-height: 36px;
    }

    #tool .btn {
        height: 350px;
        border-radius: 8px;
        overflow: hidden;
    }

    #tool .btn a {
        padding-top: 10px;
        font-size: 12px;
        display: block;
        width: 50px;
        height: 40px;
        text-align: center;
        background-color: #FFF;
    }

    #tool a:after {
        content: '';
        border-bottom: 1px solid #efefef;
        width: 34px;
        position: absolute;
        left: 8px;
        bottom: 0;
    }

    #tool .btn a.active, #tool .btn a:hover {
        background-image: linear-gradient(135deg, #ff971b, #ff5000);
        color: #FFF;
        font-weight: bold;
    }

    #tool .btn a.active:after, #tool .btn a:hover:after {
        border: none;
    }